<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小火箭</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: #ffeb3b;
        overflow: hidden;
    }

    .pulse {
        position: relative;
        width: 200px;
        height: 200px;
        background: #ff5722;
        border-radius: 50%;
    }

    .pulse span {
        position: absolute;
        top: 0;
        left: 0;
        background: #ff5722;
        border-radius: 50%;
        display: inline-block;
        width: 100%;
        height: 100%;
        animation: bomb 2.5s linear infinite;
    }

    @keyframes bomb {
        0% {
            transform: scale(1);
            opacity: 0.5s;
        }

        90% {
            transform: scale(3);
        }

        100% {
            transform: scale(4);
            opacity: 0;
        }
    }

    .rocket {
        position: relative;
        text-align: center;
        animation: gogo 0.1s ease infinite;
    }

    .rocket svg {
        width: 60%;
    }

    .rocket::before {
        content: '';
        position: absolute;
        bottom: -200px;
        left: 50%;
        width: 10px;
        height: 250px;
        transform: translateX(-50%);
        background: linear-gradient(#ffc107, transparent);
        filter: blur(1px);
    }

    @keyframes gogo {

        0%,
        100% {
            transform: translateY(-1px);
        }

        50% {
            transform: translateY(1px);
        }

    }
</style>

<body>
    <div class="pulse">
        <span style="--i:1;"></span>
        <span style="--i:2;"></span>
        <span style="--i:3;"></span>
        <span style="--i:4;"></span>
        <span style="--i:5;"></span>
        <div class="rocket">
            <svg t="1704668917819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14480" width="200" height="200"><path d="M512 370.9c-22 0-39.9 17.9-39.9 40 0 22 17.9 39.9 39.9 39.9s39.9-17.9 39.9-39.9c0-22.1-17.9-40-39.9-40z m0 64.2c-13.3 0-24.2-10.8-24.2-24.2s10.8-24.2 24.2-24.2c13.3 0 24.2 10.8 24.2 24.2s-10.9 24.2-24.2 24.2z" fill="#ffffff" p-id="14481"></path><path d="M646.2 210.3C626.2 175.9 557.5 64 511.5 64c-45.9 0-114.4 112-134.3 146.3-33.6 57.9-91.4 174.3-106.9 309.9-40.5 58.8-61.9 126.7-61.9 196.8 0 60.3 16.3 120.3 47.3 173.3 5.6 9.7 16 15.6 27.2 15.6s21.6-6 27.2-15.7c14.7-25.3 33.6-45.9 57.4-62.4 26.8 23.5 57.1 40.1 89.4 48.9v51.7c0 17.4 14.1 31.5 31.5 31.5h47.2c17.4 0 31.5-14.1 31.5-31.5v-51.7c32.3-8.9 62.6-25.5 89.4-48.9 23.8 16.5 42.7 37 57.5 62.4 5.6 9.7 16 15.7 27.2 15.7s21.6-6 27.2-15.6c30.9-53.1 47.2-113 47.2-173.3 0-70.1-21.4-138-62-196.8-15.5-135.7-73.7-252-107.4-309.9zM535.6 681.2h-47.2c-4.4 0-7.9 3.5-7.9 7.9V842c-99.2-19.3-174.9-127.1-174.9-253.5 0-133.1 48.1-256.6 98.1-345.7h216.1c50.3 89.1 98.6 212.5 98.6 345.7 0 126.4-75.7 234.2-174.9 253.5V689.1c0-4.4-3.5-7.9-7.9-7.9z m-7.9 15.7v223.7h-31.5V696.9h31.5zM290.5 562c-0.4 8.8-0.7 17.6-0.7 26.5 0 77.1 27 147.7 70.2 197.8-31.3 18.7-57.2 42.8-76.9 72.6C260 814.8 247.7 766 247.8 717c0-54.5 14.8-107.5 42.7-155z m220.9-458.7c10.9 1.6 54.8 48.6 99.3 123.7h-198c44.4-75 87.9-122.1 98.7-123.7z m222.7 485.2c0-8.9-0.2-17.8-0.7-26.5 28 47.5 42.8 100.5 42.8 155 0 49-12.2 97.8-35.4 141.9-19.7-29.8-45.7-54-77-72.7 43.2-50 70.3-120.6 70.3-197.7z" fill="#ffffff" p-id="14482"></path></svg>
        </div>
    </div>
</body>

</html>